<template>

	<tm-fullView>
		<tm-menubars title="快速动作操作栏" color="bg-gradient-primary-lighten" :showback="true"></tm-menubars>
		<tm-sheet :shadow="24">
			<view class="pa-12 text-size-s text-weight-b primary text mb-32 round-2"
				:class="$tm.vx.state().tmVuetify.black?' bk':''">基础示例</view>
			<tm-button theme="bg-gradient-primary-lighten-b" @click="show=true" block >点我展示</tm-button>
			<tm-actionSheetMenu font-color="primary" :black="false" @change="change" v-model="show"
				:actions=" [ '说明文档','说明文档' ] "></tm-actionSheetMenu>
		</tm-sheet>
		<tm-sheet :shadow="24">
			<view class="pa-12 text-size-s text-weight-b primary text mb-32 round-2"
				:class="$tm.vx.state().tmVuetify.black?' bk':''">暗黑模式，修改标题，修改文字颜色</view>
			<tm-button  @click="show1=true" block >点我展示暗黑模式</tm-button>
			<tm-actionSheetMenu title="我是修改的标题" font-color="orange" black @change="change" v-model="show1"
				:actions=" [ '说明文档','说明文档' ] "></tm-actionSheetMenu>
		</tm-sheet>
		<tm-sheet :shadow="24">
			<view class="pa-12 text-size-s text-weight-b primary text mb-32 round-2"
				:class="$tm.vx.state().tmVuetify.black?' bk':''">我使用的是对象数据数组</view>
			<tm-button @click="show2=true" block>点我展示</tm-button>
			<tm-actionSheetMenu @change="change" rang-key="text" v-model="show2"
				:actions=" [ {text:'我是操作1'},{text:'我是菜单'} ] "></tm-actionSheetMenu>
		</tm-sheet>
	</tm-fullView>

</template>

<script>
	import tmFullView from "@/tm-vuetify/components/tm-fullView/tm-fullView.vue"
	import tmMenubars from "@/tm-vuetify/components/tm-menubars/tm-menubars.vue"
	import tmSheet from "@/tm-vuetify/components/tm-sheet/tm-sheet.vue"
	import tmActionSheetMenu from "@/tm-vuetify/components/tm-actionSheetMenu/tm-actionSheetMenu.vue"
	import tmButton from "@/tm-vuetify/components/tm-button/tm-button.vue"
	export default {
		components: {
			tmFullView,
			tmMenubars,
			tmSheet,
			tmActionSheetMenu,
			tmButton
		},
		data() {
			return {
				show: false,
				show1: false,
				show2: false,
			}
		},
		methods: {
			change(e) {
				uni.$tm.toast(`你点击了${JSON.stringify(e)}`)
			}
		}
	}
</script>

<style>

</style>
